import { RepoLink } from '@brillout/docpress'
import { DataArchitecture, Example, UseVikeExtension } from '../../components'

<UseVikeExtension href="https://github.com/vikejs/vike-vue/tree/main/packages/vike-vue-pinia">Pinia</UseVikeExtension>

<DataArchitecture
  toolName={'Pinia'}
  toolLink={'https://pinia.vuejs.org/'}
  isGeneric={false}
  toolType="data-store"
  toolDocs={<a href="https://pinia.vuejs.org/ssr/">Pinia &gt; Server Side Rendering (SSR)</a>}
/>

## Examples

Examples of custom integrations:

 - <Example timestamp="2024.03" repo="IT4Change/boilerplate-frontend" />
 - <Example timestamp="2023.10" repo="brillout/vike-with-pinia" />
